<template>
    <div :class="classes"/>
</template>

<script>
export default {
    props: {
        split: {
            validator(value) {
                return ['vertical', 'horizontal'].indexOf(value) >= 0
            },
            required: true
        },
        className: String
    },
    computed: {
        classes() {
            const classes = ['splitter-pane-resizer', this.split, this.className]
            return classes.join(' ')
        }
    }
}
</script>
